$(function () {
    // 登陆的表单校验
    $('.login-form').bootstrapValidator({
        // 指定不校验的类型，默认为[':disabled',':hidden',':not(:visible)']，可以不设置
        // 禁用的，隐藏的，不可用的表单
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        // 指定校验时的图标显示，默认是bootstrap风格  字体图标可以在成功或者失败时随便更改
        feedbackIcons: {
            // 成功时出现的图标
            valid: 'glyphicon glyphicon-ok',
            //    失败时出现的图标
            invalid: 'glyphicon glyphicon-remove',
            //    正在验证
            validating: 'glyphicon gltphicon-refresh'
        },

        // 设置要校验的数据(字段)
        // 字段
        fields: {
            // 表单校验插件是根据name属性进行校验的
            // 用户名
            username: {
                // 校验规则
                validators: {
                    // 非空校验
                    notEmpty: {
                        // 如果不为空的话提示消息
                        message: '用户名不能为空'
                    },
                    // 校验长度
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名必须是2-6位'
                    },
                    // 拓展一个错误信息
                    callback:{
                        message:'用户名错误'
                    }
                }
            },
            // 密码
            password: {
                validators: {
                    // 非空校验
                    notEmpty: {
                        // 如果不为空的话提示消息
                        message: '密码不能为空'
                    },
                    // 校验长度
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码必须是6-12位'
                    },
                    callback:{
                        message:'密码错误'
                    }
                }
            }
        }
    });



    // 重置表单校验样式
    // 点击登录按钮，调用插件的表单重置方法
    $('.btn-reset').click(function () {
        // 通过插件的实例，调用插件的方法
        $('.login-form').data('bootstrapValidator').resetForm();
    })


    // 用户登录
    // 点击登录按钮，获取表单数据，在表单数据合理的情况下，向后台发送请求，进行登录校验！
    // $('.btn-login').click(function(){
    //     if(数据合理){
    //         ajax发送数据到后台进行校验
    //     }
    // })


    // 使用插件提供success.form.bv事件，会在用户点击提交按钮，并且表单数据校验通过时触发！
    $('.login-form').on('success.form.bv', function (e) {
        // 阻止页面跳转
        e.preventDefault();
        // 向后台发送请求，进行登录校验
        $.ajax({
            type: 'post',
            url: '/employee/employeeLogin',
            data: $('.login-form').serialize(),
            dataType: 'json',
            success: function (res) {
                // 查看结果
                console.log(res)
                if (res.success) {
                    // 成功  去首页
                    location.href = './index.html'
                }

                if (res.error == 1000) {
                    // 把用户名的状态改为失败，并且提示错误信息
                    // 使用插件提供  updateStatus(字段的name属性，状态，提示信息)  VALID:成功   INVALID：失败     
                    $('.login-form').data('bootstrapValidator').updateStatus('username','INVALID','callback')
                }

                if (res.error == 1001) {
                    // 把用户名的状态改为失败，并且提示错误信息
                    $('.login-form').data('bootstrapValidator').updateStatus('password','INVALID','callback')
                }
            }
        })
    })
})